<!doctype html>

<html lang="en" class="no-js">

<head>

    <meta charset="UTF-8" />

    <title>高校知识产权与科技成果转化平台-{!! config('admin.name') !!}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="{{ admin_asset("vendor/laravel-admin/AdminLTE/bootstrap/css/bootstrap.min.css") }}">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{{ admin_asset("vendor/laravel-admin/font-awesome/css/font-awesome.min.css") }}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{ admin_asset("vendor/laravel-admin/AdminLTE/dist/css/AdminLTE.min.css") }}">
    <!-- iCheck -->
    <link rel="stylesheet" href="{{ admin_asset("vendor/laravel-admin/AdminLTE/plugins/iCheck/square/blue.css") }}">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        body {
            background: #16a085;
            font-family: 'Montserrat', sans-serif;
            color: #fff;
            line-height: 1.3;
            -webkit-font-smoothing: antialiased;
        }

        .login-page{
            background: url('{{setting_image_url('login_bg','/images/login_bg.jpg')}}') no-repeat;
            background-size: cover;
        }

        #particles {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .intro {
            position: absolute;
            /*left: 0;*/
            top: 50%;
            padding: 0 20px;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }


        .login-logo a, .register-logo a {
            font-family: Montserrat, sans-serif;
            color: #ffffff;
        }

        .form-group {
            margin-bottom: 25px;
        }

        .form-control {
            height: 45px;
        }

        .form-actions {
            text-align: center;
            padding-top: unset;
            padding-bottom: 10px;
            clear: both;
        }

        .form-control-feedback {
            height: 45px;
            line-height: 45px;
        }

        .login-box-body form .form-actions button {
            margin-top: 20px;
            padding: 10px;
            border-radius: 5px;
            /* width: 100%; */
            /*background: #091552;*/
        }

        .btn-primary {
            background-color: rgba(60, 141, 188, 0.7);
            border-color: rgba(60, 141, 188, 0.7);
        }

        .login-box-body {
            background-color: #FFFFFF;
            border-radius: 5px;
        }

        footer {
            height: 92px;
            margin-top: auto;
        }

        p.info {
            margin: 20px auto;
            text-shadow: 0 0 30px #000000;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Montserrat, sans-serif;
            color: #ffff;
        }

        a {
            font-family: Montserrat, sans-serif;
            color: #ffff;
        }
    </style>
</head>



<body class="hold-transition login-page">

<div id="particles">
    <div class="intro">
        <div class="login-box-body" style="width: 360px;margin: 0 auto">
            <p class="login-box-msg" style="font-size: 24px"><strong>{!! config('admin.name') !!}</strong></p>

            <form action="{{ admin_url('auth/login') }}" method="post">
                <div class="form-group has-feedback {!! !$errors->has('username') ?: 'has-error' !!}">

                    @if($errors->has('username'))
                        @foreach($errors->get('username') as $message)
                            <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i>{{$message}}</label><br>
                        @endforeach
                    @endif

                    <input type="text" class="form-control" placeholder="{{ trans('admin.username') }}" name="username" value="{{ old('username') }}">
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback {!! !$errors->has('password') ?: 'has-error' !!}">

                    @if($errors->has('password'))
                        @foreach($errors->get('password') as $message)
                            <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i>{{$message}}</label><br>
                        @endforeach
                    @endif

                    <input type="password" class="form-control" placeholder="{{ trans('admin.password') }}" name="password">
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                </div>
                <div class="form-group">
                    <div class="form-actions">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <button type="submit"
                                class="btn btn-primary btn-block btn-flat login-btn">{{ trans('admin.login') }}</button>
                    </div>
                </div>
            </form>

        </div>
        <footer role="contentinfo" style="margin: 0 auto;text-align: center;padding-top: 80px">
            @if(config('settings.login_footer'))
                {!! config('settings.login_footer') !!}
            @else
                <p style="font-size: 26px;margin-top: 140px;"></p>
                <p class="info">
                    <strong>
                        <a href="/" rel="noreferrer noopener" class="entity-name">{!! config('admin.logo') !!}</a> .
                        <a href="javascript:void (0);" class="legal" rel="noreferrer noopener">法律声明</a> ·
                        <a href="javascript:void (0);" class="legal" rel="noreferrer noopener">隐私政策</a><br/>
                    </strong>
                </p>
            @endif
        </footer>
    </div>
</div>

<!-- jQuery 2.1.4 -->
<script src="{{ admin_asset("vendor/laravel-admin/AdminLTE/plugins/jQuery/jQuery-2.1.4.min.js")}} "></script>
<!-- Bootstrap 3.3.5 -->
<script src="{{ admin_asset("vendor/laravel-admin/AdminLTE/bootstrap/js/bootstrap.min.js")}}"></script>
<!-- iCheck -->
<script src="{{ admin_asset("vendor/laravel-admin/AdminLTE/plugins/iCheck/icheck.min.js")}}"></script>

<script type='text/javascript' src='{{admin_asset('static/particleground/jquery.particleground.min.js')}}'></script>

<script>
    $('form').attr('autocomplete','off');
    $(document).ready(function() {
        // $('#particles').particleground({
        //     dotColor: '#5cbdaa',
        //     lineColor: '#5cbdaa'
        // });
        $('.intro').css({
            'margin-top': -($('.intro').height() / 2)
        });
    });
</script>

</body>

</html>
